\[F2E\] Week 2 - Filter

TheF2E 本文总阅读量次
獨立音樂活動查詢站

Week 2: Filter

第二週設計稿

完成作品連結

屁孩如我在讀書會中誇下海口說這週要一口氣學會 TypeScript & Vuex 並且運用在這週的挑戰項目上面！！！ …..隔兩天表示放棄。也不是說學不好，而是我花了兩天時間都沒辦法把 TypeScript 加入我現行的 VueCLI 3.0 專案中，但是如果是從頭建立則毫無問題，判斷起來應該是我有一些底層的 webpack 與 vue-loader 知識需要加強，所以我又追加幾個小項目，而 TS …next time, baby.


自我學習項目

  • Axios
    Axios… 這個名字實在有夠帥，光聽名字就知道是一個很強的工具(Ｘ)，在去年剛投入前端早就耳聞過很多次這個用來處理 AJAX 的套件( ajax…喔，聽起來也很帥，但一直拖到現在我才真的開始拿來實作到自己的專案上，除了方便以外沒有別的形容詞，誰會想記傳統霹哩啪拉一坨的 xhr 發送步驟啦。

  • vue-class-component
    Vue 官方維護的生態套件之一，能夠把用傳統 Object 的方式改成使用潮到出水的 ES6 Class 來製作元件，除此之外也能夠簡化許多寫法。如此一來寫法會比較接近 React，因此不建議新手使用。

  • Vuex
    Vuex 單向資料流工具，太知名了不解釋，我竟然拖到這麼晚才學。

  • TypeScript - 挑戰失敗
    原本是本週的重點，TS 類似於 scss 或 pug 這些預處理器，但 TS 的目的不是為了減化 JavaScript 的寫法，TS 算是一種保險措施，使得原本屬於弱型別/動態型別的 JS 轉變為強型別/靜態型別，雖然會因為要額外寫資料規則而稍微增加時間成本，但以大型專案的除錯與維護的角度來看，TS 必定能帶來大量好處。


第二週感想

我把這次主題的 API 改成查詢獨立音樂，這其實是背後有一點小故事的私心舉動，但過去的事情就讓它過去吧。一直以來我對自己的要求都很高，也可以說我實在不是一個會拿捏自我乘載量的人，每次的往自己身上碟滿東西，然後很憤世忌俗的把一切做完，感覺很爽但心情又有點複雜ＸＤ本週幾乎是從零開始的自己搞，搞得都壓線才完成作品，又放掉了我美好的 TypeScript..QQ

接下來的作品應該會先用 Element 快速建立雛型，然後再專心學好該週的自我要求項目，總是要有點進步嘛。

其他連結

TheF2E